<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
    <!--1.文本标签-->
    我是文字
    <b>我是加粗文字bold</b>
    <i>我是斜体文字italic</i>
    <u>我是下划线文字underline</u>
    <s>我是删除文字</s>
    <mark>我是高亮标记文字</mark>
    <!--2.空格折叠现象：会将连续的多个空格或换行折叠成一个空格展示-->

    <!-- br：用于换行
    转义符号：&nbsp；代表空格 &lt；代表小于号 &gt；代表大于号-->
    <br>
    我是<超超>，我喜欢&nbsp;&nbsp;&nbsp;赵丽颖
    <br>
    我是&lt;paopao&gt;,我也喜欢赵丽颖
    <!--3.标题文字 改变字号 文字加粗 独占一行 有垂直方向的行间距    -->
    <h1>我是一级标题</h1>
    <h2>我是二级标题</h2>
    <h3>我是三级标题</h3>
    <h4>我是四级标题</h4>
    <h5>我是五级标题</h5>
    <h6>我是六级标题</h6>
    <!--4.段落标签-->
    <p>段落标签1</p>
    <p>段落标签2</p>
    <p>段落标签3</p>
    <!-- 5.分割线标签   -->
    <hr>
    <!--6.生成假文:lorem然后按Tab补全-->
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod, nisl nec tincidunt ultricies, nisl nisl aliquam nisl, nec aliquam nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl nisl n</p>
    <!--7.有序列表 ordered list type的值 1数字 A a字母 I i罗马数字-->
    <ol type="I">
        <li> 把冰箱门打开</li>
        <li> 把大象装进去</li>
        <li> 把冰箱门关上</li>
        <li> 把冰箱门关上</li>
        <li> 把冰箱门关上</li>
        <li> 把冰箱门关上</li>
    </ol>
    <!--8.无序列表unordered list-->
    <ul type="none">
        <li> 我是无序列表1</li>
        <li> 我是无序列表2</li>
        <li> 我是无序列表3</li>
    </ul>


</body>
</html>